<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
	<script type="text/javascript">
		function btMouseOn(){
			$('#btOutraBusca').removeClass("btSair");
			$('#btOutraBusca').addClass("btSairHover");
		}
		function btMouseOut(){
			$('#btOutraBusca').removeClass("btSairHover");
			$('#btOutraBusca').addClass("btSair");
		}
		function trMouseOn(id){
			$(id).removeClass("trTableListagem");
			$(id).addClass("trTableListagemHover");
		}
		function trMouseOut(id){
			$(id).removeClass("trTableListagemHover");
			$(id).addClass("trTableListagem");
		}
	</script>
<div style="width: 100%; text-align: left; padding-left: 20px;">
	<br/>
	<table style="width: 100%;">
	<tr>
		<td>
			<div class="fPadrao16 bold">
				<html:image src="bbcalibracaoweb/img/seta.png"/> Sistema para consulta de laudos de calibração
			</div>
		</td>
		<td style="text-align: right;">
			<html:form action="Sair.do" styleId="listaForm">
				<html:hidden property="id" styleId="id"/>
				<html:submit value="Realizar outra busca" styleClass="btSair" styleId="btOutraBusca" onmouseover="javascript: btMouseOn();" onmouseout="javascript: btMouseOut();"/>&nbsp;&nbsp;&nbsp;&nbsp;
		 	</html:form>
		</td>
		<td width="160px;">
			&nbsp;
		</td>
	</tr>
	</table>
	<logic:empty property="lista" name="form">
		<div class="fPadrao fErro">
		Não encontrado nenhum laudo de calibração para o ${form.cpf ?'CPF' :'CNPJ'} ${form.cnpj}.
		</div>
	</logic:empty>
	<logic:notEmpty property="lista" name="form">
		<table class="fPadrao">
		<tr>
			<td class="bold">Nome Cliente:</td>
			<td>${form.lista[0].nomeCliente}</td>
			<td>&nbsp;</td>
			<td class="bold">${form.lista[0].cpf ?'CPF' :'CNPJ'}:</td>
			<td>${form.lista[0].cnpjFormatado}</td>
		</tr>
		<tr>
			<td class="bold">Cidade:</td>
			<td>${form.lista[0].cidade}</td>
			<td>&nbsp;</td>
			<td class="bold">UF:</td>
			<td>${form.lista[0].uf}</td>
		</tr>
		<tr>
			<td class="bold">E-mail:</td>
			<td>${form.lista[0].email}</td>
			<td>&nbsp;</td>
			<td class="bold">Telefone:</td>
			<td>${form.lista[0].telefone}</td>
		</tr>
		<tr>
			<td class="bold">Região:</td>
			<td>${form.lista[0].regiao}</td>
			<td>&nbsp;&nbsp;&nbsp;</td>
			<td class="bold">Bandeira:</td>
			<td>${form.lista[0].bandeira}</td>
		</tr>
		</table>
		<br/><br/>
		<div style="width: 100%; text-align: left;">
			<div style="width: 100%; text-align: center;">
				Encontrado(s) <strong>${form.total}</strong> laudo(s) de calibração.
			</div>
			<table>
			<tr>
				<td width="150px" style="text-align: center; vertical-align: middle;">
					<html:image src="bbcalibracaoweb/img/report.png"/>
				</td>
				<td>
					<table class="tableListagem fPadrao" >
						<tr>
							<td colspan="5" class="tdTableListagem">
								Calibração de Equipamentos
							</td>
						</tr>
						<tr class="trHTableListagem">
							<td width="20px">&nbsp;</td>
							<td>&nbsp;&nbsp;Descrição do Equipamento</td>
							<td style="text-align: center;">Número de Série</td>
							<td style="text-align: center;">Número do Selo</td>
							<td style="text-align: center;">Status</td>
						</tr>
						<logic:iterate property="lista" name="form" indexId="i" id="l">
							<tr class="trTableListagem" id="trListagem${i}" onmouseover="javascript: trMouseOn(trListagem${i});" onmouseout="javascript: trMouseOut(trListagem${i});" onclick="javascript: detalhaBusca(${l.id});" >
								<td style="text-align: left; vertical-align: middle;"><html:image src="bbcalibracaoweb/img/check.png"/></td>
								<td>&nbsp;&nbsp;${l.descricaoEquipamento}</td>
								<td style="text-align: center;">${l.numeroSerie}</td>
								<td style="text-align: center;">${l.numeroSelo}</td>
								<td style="text-align: center;" ${l.vencido ?'class="red bold"' :''} >${l.status}</td>
							</tr>
						</logic:iterate>
					</table>
				</td>
			</tr>
			</table>
		</div>
	</logic:notEmpty>
</div>
